/*
 * @Descripttion:
 * @version:
 * @Author: congsir
 * @Date: 2024-01-02 23:31:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-02-03 15:44:54
 */
import React, { memo } from "react";
import { WrapperFooter } from "./styled";
import { useNavigate } from "react-router-dom";
export default memo(function Footer() {
  const navigate = useNavigate();
  const changeRouter = (e) => {
    e.preventDefault();
    navigate("/about");
  };
  return (
    <WrapperFooter>
      <div className="footer_content">
        <div className="footer_content_center">
          <h4 className="footer_content_center_h4">社会价值</h4>
          <p>
            不管你有什么疑惑，这里总能找到能为你解答的人；不管你有什么不懂，这里总能找到能带你学习的人。也许你是某个行业的专家，那来这里为大家奉献你的价值吧；也许你是某个领域的大拿，那来这里为大家发挥你的智慧吧。紫龙咨询，我们一起成长。
            <a className="footer_content_center_a" href="#1">
              了解更多
            </a>
          </p>
        </div>
        <div className="footer_content_right">
          <h4>联系我们</h4>
          <p>
            <a href="#4">广告与商务合作：zilongzixun@foxmail.com</a>
          </p>
          <p>
            <a href="mailto:shujubd@chelaile.net.cn">
              投诉与建议：zilongzixun@foxmail.com
            </a>
          </p>
          <p> 南京市雨花台区雨花东路65号424室-6 </p>
          {/* <p>南京玄真文化传媒有限公司</p> */}
        </div>
      </div>
      <hr />
      <div className="footer_bottom">
        <ul>
          <li>
            <a href="#3" onClick={(e) => changeRouter(e)}>
              关于我们
            </a>
          </li>
          {/* <li>
            <a href="#2">|</a>
          </li>
          <li>
            <a href="#1">用户协议</a>
          </li> */}
        </ul>
        <p>
          Copyright ©2024 All Rights Reserved
          <a target="_blank" href="https://beian.miit.gov.cn" rel="noreferrer">
            苏ICP备2023016189号-1
          </a>
          <a
            target="_blank"
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=42018502003910"
            className="records"
            rel="noreferrer"
          ></a>
        </p>
      </div>
    </WrapperFooter>
  );
});
